.farbtastic {
	position: relative;
}

.farbtastic * {
	position: absolute;
	cursor: crosshair;
}

.farbtastic,.farbtastic .wheel {
	width: 195px;
	height: 195px;
}

.farbtastic .color,.farbtastic .overlay {
	top: 47px;
	left: 47px;
	width: 101px;
	height: 101px;
}

.farbtastic .wheel {
	background: url(../images/wheel.png) no-repeat;
	width: 195px;
	height: 195px;
}

.farbtastic .overlay {
	background: url(../images/mask.png) no-repeat;
}

.farbtastic .marker {
	width: 17px;
	height: 17px;
	margin: -8px 0 0 -8px;
	overflow: hidden;
	background: url(../images/marker.png) no-repeat;
}

/* farbtastic-rtl */
.rtl .farbtastic .color,.rtl .farbtastic .overlay {
	left: 0;
	right: 47px;
}

.rtl .farbtastic .marker {
	margin: -8px -8px 0 0;
}